<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<head>
<title>Socrates Team | Sistema de Intercambios.</title>

<!-- CSS -->
<link rel="stylesheet" href="common/css/style.css" type="text/css" />
<link rel="stylesheet" href="common/css/galleriffic-2.css" type="text/css" />

<!-- FAVICON -->
<link rel="shortcut icon" type="common/image/x-icon" href="favicon.ico" />
<link rel="icon" type="common/image/x-icon" href="favicon.ico" />
</head>

<body>
	<f:view>
		<!-- CONTAINER -->
		<div class="container">
		
			<f:subview id="svHeader">
				<!-- LOGO  -->
				<div class="logo" id="top">
					<img src="common/images/logo.gif" alt="logo" />
				</div>
			</f:subview>
		
			<!-- MENU  -->
			<f:subview id="svMenu">
				<a4j:form>
					<div class="TopNavigation">
						<ul class="nav">
							<li class="active inicio">
								<a4j:commandLink class="active inicio" value="Inicio"
								reRender="detallesBody">
									<a4j:actionparam name="ruta"
										value="/pages/web/principal.xhtml"
										assignTo="#{beanLinkMenu.ruta}" />
								</a4j:commandLink>
							</li>
							<li class="login"><a href="pages/web/login.xhtml">Login</a>
							</li>
							<li class="compras"><a href="pages/web/compras.xhtml">Compras</a>
							</li>
							<li class="publicaciones"><a href="pages/web/publicaciones.xhtml">Publicaciones</a>
							</li>
						</ul>
					</div>
				</a4j:form>
			</f:subview>
			
			<!-- END LOGO + NAV  -->
			<div>
				<f:subview id="svbody">
					<ui:insert name="body"> body de la plantilla</ui:insert>
				</f:subview>
			</div>

			<!-- FOOTER  -->
			<p class="footer">Copyright &copy; 2012 Socrates Team. All Rights
				Reserved.</p>
			<!-- END FOOTER -->

		</div>

	</f:view>
</body>
</html>